// vue.config.js
const webpack = require('webpack');
const path = require('path');

const resolve = dir => path.join(__dirname, dir);

// 项目部署基础
// 默认情况下，我们假设你的应用将被部署在域的根目录下,
// 例如：https://www.my-app.com/
// 默认：'/'
// 如果您的应用程序部署在子路径中，则需要在这指定子路径
// 例如：https://www.foobar.com/my-app/
// 需要将它改为'/my-app/'
const BASE_URL = process.env.NODE_ENV === 'production'
  ? '/my-app/'
  : '/';

module.exports = {
  baseUrl: BASE_URL,
  devServer: {
    port: 8090,
    open: true,
    proxy: {
      '/app': {
        target: 'http://192.168.1.55:3000',
        changeOrigin: true, // 是否跨域
        ws: true, // 是否启用websockets
        secure: false, // 使用的是http协议则设置为false，https协议则设置为true
        pathRewrite: {
          '^/app': '/api',
        },
      },
    },
  },
  // 如果你不需要使用eslint，把lintOnSave设为false即可
  lintOnSave: true,
  // 安装jquery等插件
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jquery': 'jquery',
      }),
    ],
  },
  // 设置文件代理
  chainWebpack: (config) => {
    config.resolve.alias
      .set('@', resolve('src'));
  },
  // 设为false打包时不生成.map文件
  productionSourceMap: false,
};
